<html>
<head>
    <!-- Reference  external CSS -->
    <link rel="stylesheet" type="text/css" href="CSS/guncase.css" />
    <!-- Reference js external stylesheet, with functions: alert, transform, and xpath -->

    <script type="text/javascript" src="JavaScript/XMLParser.js" />

    </script>

    <script type="text/javascript" src="JavaScript/Common.js" />

    </script>

    <script type="text/javascript" src="JavaScript/ButtonFunctions.js">
    </script>

</head>
<body onload="getXMLLengthXP(); updateXSLHeadersC(); processIndexBF(1)">
    <h2>
        Gun Collection</h2>
    <p>
        Index&nbsp
        <input type="text" id="indexOf" value="1" style="width: 30px" onchange="processIndexBF(getIndexOfBF())"
            onkeypress="onEnterBF(event)" />
        &nbsp of&nbsp <b id="size">Null</b>
    </p>
    <p id="ErrorMessage" style="color: Red">
    </p>
    <p id="currentIndex" style="visibility: hidden; float: right">
        1</p>
    <table>
        <tr>
            <td>
                <button type="button" onclick="processIndexBF(1)">
                    <<</button>
            </td>
            <td>
                <button type="button" onclick="updateIndexBF('--')">
                    <</button>
            </td>
            <td>
                <button type="button" onclick="updateIndexBF('++')">
                    ></button>
            </td>
            <td>
                <button type="button" onclick="processIndexBF(getSizeC())">
                    >></button>
            </td>
            <td>
                <button type="button" onclick="printAllTableBF()">
                    Display All</button>
            </td>
        </tr>
    </table>
    <br />
    <div id="table" />
</body>
</html>
